/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* CDN URL */
// 使用方式：background-image: cdn('/images/me-bg.png', true);
$appid: 'external';
$uni-cdn-url: 'https://cdn.itaored.com/static/fed/wxapp/assets';
@function cdn($url, $app: false){
  @if $app == true {
    @return url($uni-cdn-url + '/' + $appid  + $url)
  } @else {
    @return url($uni-cdn-url + $url)
  }
}
// 文字描边
@function stroke($size: 3px, $color: #fff) {
  @return $size 0 0 $color, (-$size) 0 0 $color, 0 $size $color, 0 $size $color, $size $size $color, (-$size) (-$size) $color, $size (-$size) $color, (-$size) $size $color
}
/* 页面背景色 */
$uni-page-bg:#F6F6F6;
/* 颜色变量 */
$uni-color-white: #ffffff;
$uni-color-black: #000000;
$uni-color-default: #323233;  //文字色，指主文字1
$uni-color-secondary: #646464;  //文字色，指主文字2
$uni-color-info: #999999;
//$uni-color-secondary: #ff8c4d;
//$uni-color-primary: #EB441F;  //主色
$uni-color-primary: #DE3A2E;  //主色
$uni-color-warning: #DE3A2E;
$uni-color-success: #07C160;
$uni-color-error: #EB441F;



/* 弱色 */
$uni-color-primary-light-1: mix($uni-color-white, $uni-color-primary, 10%);
$uni-color-primary-light-2: mix($uni-color-white, $uni-color-primary, 20%);
$uni-color-primary-light-3: mix($uni-color-white, $uni-color-primary, 30%);
$uni-color-primary-light-4: mix($uni-color-white, $uni-color-primary, 40%);
$uni-color-primary-light-5: mix($uni-color-white, $uni-color-primary, 50%);
$uni-color-primary-light-6: mix($uni-color-white, $uni-color-primary, 50%);
$uni-color-primary-light-7: mix($uni-color-white, $uni-color-primary, 60%);
$uni-color-primary-light-8: mix($uni-color-white, $uni-color-primary, 70%);
$uni-color-primary-light-9: mix($uni-color-white, $uni-color-primary, 90%);

$uni-color-success-light-1: mix($uni-color-white, $uni-color-success, 10%);
$uni-color-success-light-2: mix($uni-color-white, $uni-color-success, 20%);
$uni-color-success-light-3: mix($uni-color-white, $uni-color-success, 30%);
$uni-color-success-light-4: mix($uni-color-white, $uni-color-success, 30%);
$uni-color-success-light-5: mix($uni-color-white, $uni-color-success, 50%);
$uni-color-success-light-6: mix($uni-color-white, $uni-color-success, 60%);
$uni-color-success-light-7: mix($uni-color-white, $uni-color-success, 70%);
$uni-color-success-light-8: mix($uni-color-white, $uni-color-success, 80%);
$uni-color-success-light-9: mix($uni-color-white, $uni-color-success, 90%);

$uni-color-warning-light-1: mix($uni-color-white, $uni-color-warning, 10%);
$uni-color-warning-light-2: mix($uni-color-white, $uni-color-warning, 20%);
$uni-color-warning-light-3: mix($uni-color-white, $uni-color-warning, 30%);
$uni-color-warning-light-4: mix($uni-color-white, $uni-color-warning, 30%);
$uni-color-warning-light-5: mix($uni-color-white, $uni-color-warning, 50%);
$uni-color-warning-light-6: mix($uni-color-white, $uni-color-warning, 60%);
$uni-color-warning-light-7: mix($uni-color-white, $uni-color-warning, 70%);
$uni-color-warning-light-8: mix($uni-color-white, $uni-color-warning, 80%);
$uni-color-warning-light-9: mix($uni-color-white, $uni-color-warning, 90%);

$uni-color-error-light-1: mix($uni-color-white, $uni-color-error, 10%);
$uni-color-error-light-2: mix($uni-color-white, $uni-color-error, 20%);
$uni-color-error-light-3: mix($uni-color-white, $uni-color-error, 30%);
$uni-color-error-light-4: mix($uni-color-white, $uni-color-error, 30%);
$uni-color-error-light-5: mix($uni-color-white, $uni-color-error, 50%);
$uni-color-error-light-6: mix($uni-color-white, $uni-color-error, 60%);
$uni-color-error-light-7: mix($uni-color-white, $uni-color-error, 70%);
$uni-color-error-light-8: mix($uni-color-white, $uni-color-error, 80%);
$uni-color-error-light-9: mix($uni-color-white, $uni-color-error, 90%);

$uni-color-info-light-1: mix($uni-color-white, $uni-color-info, 10%);
$uni-color-info-light-2: mix($uni-color-white, $uni-color-info, 20%);
$uni-color-info-light-3: mix($uni-color-white, $uni-color-info, 30%);
$uni-color-info-light-4: mix($uni-color-white, $uni-color-info, 30%);
$uni-color-info-light-5: mix($uni-color-white, $uni-color-info, 50%);
$uni-color-info-light-6: mix($uni-color-white, $uni-color-info, 60%);
$uni-color-info-light-7: mix($uni-color-white, $uni-color-info, 70%);
$uni-color-info-light-8: mix($uni-color-white, $uni-color-info, 80%);
$uni-color-info-light-9: mix($uni-color-white, $uni-color-info, 90%);


/* 文字基本颜色 */

$uni-text-color: #000;//基本色
$uni-text-color-inverse: #fff;//反色
$uni-text-color-grey: #999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #666;
$uni-text-color-disable: #CCCCCC; //指 disable、提示文字等
$uni-text-color-message: #ED6A0C;  //通知消息字体颜色
$uni-text-color-assist:#FAAB0C; //辅助色
$uni-text-color-link: #5A81BB; //链接色
$uni-text-color-link: #999999; //文字色，指辅助、说明文字



/* 背景颜色 */
$uni-bg-color: #F7F8FA;
$uni-bg-color-grey: #F2F3F5;
$uni-bg-color-message: #FFFBE8; //通知消息背景色
$uni-bg-color-hover: #f1f1f1;//点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4);//遮罩颜色
$uni-bg-color-active: mix($uni-color-white, $uni-bg-color-grey, 50%);

/* 边框颜色 */
$uni-border-color: #EBEDF0; //线色1
$uni-border-color1: #DCDEE0;  //线色2

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-mini: 24px;
$uni-font-size-sm: 26px;
$uni-font-size-base: 28px;
$uni-font-size-lg: 34px;
$uni-font-size-title: 40px; //仅用于数字/常规标题
$uni-font-size-tag: 20px; //非常用字号，如标签

/* 高度尺寸 */
$uni-height-size-mini: 40px;
$uni-height-size-sm: 60px;
$uni-height-size-base: 88px;
$uni-height-size-lg: 100px;
$uni-height-size-title: 120px;  //仅用于数字/常规标题
$uni-height-size-tag: 20px; //非常用字号，如标签

//按钮高度尺寸
$uni-button-height-size-mini: 32px;
$uni-button-height-size-sm: 48px;
$uni-button-height-size-base: 64px;
$uni-button-height-size-lg: 88px;

/* Border Radius */
$uni-border-radius-sm: 5px;
$uni-border-radius-base: 15px;
$uni-border-radius-lg: 25px;
$uni-border-radius-circle: 50%;
